
.container{
    padding: 0 30rpx 0 30rpx;
    box-sizing: border-box;
    background: #F9F9FA;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    .img{
        width: 172rpx;
        height: 172rpx;
        margin-top: 50rpx;
    }
    .title{
        font-weight: 500;
        margin-top: 30rpx;
        font-size: $font-large;
    }
    .name{
        color: $grey;
        font-size: $font-small;
        margin: 24rpx 0;
    }
}

.container-info{
    width: 100%;
    margin-top: 60rpx;
    padding: 0 30rpx 30rpx 30rpx;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 16rpx;
    .title{
        font-size: $font-normal;
        color: #151718;
    }

}
.info-box{
    margin-top: 30rpx;
    .li{
        display: flex;
        .left{
            width: 35%;
            color: $grey;
            font-size: $font-small;
            line-height: 60rpx;
        }
        .right{
            color: $black;
            line-height: 60rpx;
            font-size: $font-small;
            width: 65%;
        }
    }
    
}
.img-list{
    float: right;
    width: 70%;
    display: flex;
    align-items: center;
}
.img-list-i>.img,video{
    margin-top: 25rpx;
    width: 134rpx;
    height: 134rpx;
    margin-left: 14rpx;
    border-radius: 16rpx;
}
.doubt{
    margin-top: 30rpx;
    font-size: $font-small;
    color: $green;
}
.result,.remarks{
    width: 100%;
    @include space-between;
    .title{
        color: #9497B1;
        font-size: 28rpx;
        margin:24rpx 0 0 0;
    }
    .name{
        color: #202536;
        font-size: 28rpx;
        margin:24rpx 0 0 0;
    }
}